<template>
	<view>
		<div class='tips'>
			为向您提供更好的用户体验，闲鱼在特定场景可能需要向您申请以下手机系统权限。
		</div>
		<div class='setBox'>
			<u-cell-group>
				<u-cell  title="允许闲鱼访问位置信息权限"  label="为您提供附近的鱼塘、商品及房源等">
					<u-switch slot="right-icon" v-model="checked1" @change='change' activeColor="#2ED8C4"></u-switch>
				</u-cell>
				<u-cell  title="允许闲鱼访问相册权限"  label="帮助您实现图片和文件的保存和读取">
					<u-switch slot="right-icon" v-model="checked2" @change='change' activeColor="#2ED8C4"></u-switch>
				</u-cell>
				<u-cell  title="允许闲鱼访问麦克风权限"  label="为您提供语音购物或联系客服服务">
					<u-switch slot="right-icon" v-model="checked3" @change='change' activeColor="#2ED8C4"></u-switch>
				</u-cell>
				<u-cell  title="允许闲鱼访问通讯录权限"  label="方便您添加手机通讯录朋友并分享宝贝">
					<u-switch slot="right-icon" v-model="checked4" @change='change' activeColor="#2ED8C4"></u-switch>
				</u-cell>
				<u-cell  title="允许闲鱼访问相机权限"  label="为您提供更便捷的发布音视频内容等">
					<u-switch slot="right-icon" v-model="checked5" @change='change' activeColor="#2ED8C4"></u-switch>
				</u-cell>
			</u-cell-group>
		</div>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				checked1:true,
				checked2:false,
				checked3:false,
				checked4:false,
				checked5:false
			}
		},
		methods:{
			change(e) {
				console.log('change', e);
			},
		}
		
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #F4F4F4;
	}
	.tips{
		padding: 40upx;
		font-size: 26upx;
		color: #888;
	}
	.setBox{
		background-color: #fff;
		padding-bottom: 300upx;
	}
</style>